<!-- <!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>文本字体样式</title>
	<style type="text/css">
    .text{
    	width: 300px;
    	height: 50px;
    	border: 1px solid #000;
    	color: blue;
    	line-height: 50px;
    	text-align: center;
    	font-size: 28px;
    	font-family: '微软雅黑'
    }
    a{
    	text-decoration: none;
    }
	</style>
</head>
<body>
	<p class="text">这个是p标签</p>
	<a href="">这是a标签</a>
</body>
</html> -->

<!-- <!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>文本字体样式</title>
	<style type="text/css">

	
     .text{
     	width: 300px;
     	height: 50px;
     	border: 1px solid #000;
     	color: blue;
     	line-height: 40px;
     	text-align: center;
     	font-size: 28px;
     	font-family: "微软雅黑"
     	


     	}
     	
     }
     a{
     	text-decoration: none;
     }
	</style>
</head>
<body>
	<p class="text">这是一个p标签</p>
	<a href="">这是一个a标签</a>
	
</body>
</html> -->

<!-- <!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>文本字体样式</title>
	<style type="text/css">
     .text{
     	width: 300px;
     	height: 50px;
     	border: 1px solid #000;
        line-height: 40px;
        text-align: center;
     	color: red;
     	font-size: 28px;
     	
     }
     a{
     	text-decoration: none;
     }
	</style>
</head>
<body>
	<p class="text">这是一个p标签</p>
	<a href="">这是a标签</a>
</body>
</html>
 -->
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>文本字体样式</title>
    <style type="text/css">
     .text{
     	widows: 200px;
     	height: 50px;
     	border: 2px solid #000;
     	line-height: 50px;
     	text-align:center;
     	color: blue;
     	font-size: 28px;



     }
     a{
     	text-decoration: none;
     }
    </style>

</head>
<body>
	<p class="text">这是一个p标签</p>
	<a href="">这是一个a标签</a>
</body>
</html>

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本字体样式</title>
    <style type="text/css">
    .text{
        widows: 300px;
        height: 50px;
        border: 1px solid #000;
        color: red;
        line-height:50px;
        text-align: center；   
    }
    a{
        text-decoration: none;
    }

         
    </style>
</head>
<body>
    <p class="text">这是一个p标签</p>
    <a href="">这是一个a标签</a>
</body>
</html>